@import './iconfont';
@import '{style}/base';

@blue:#3F91F1;
@green:#00ACC1;

.f-cgreen {
    color: @green;
}

.f-cblue {
    color: @blue;
}

.f-lh35 {
    line-height: 35px;
}

html, body, #container { 
    width: 100%; 
    height: 100%;
    overflow: hidden;
}

.ui-button {
    height: 35px;
    padding: 0 20px;
    border-color: @blue;
    color: @blue;
    border-radius:0;
    .button(){
        background-color: @blue;
        border-color: @blue;
        &.ui-button-line {
            border-color:@blue;
            color:@blue;
            &:hover {
                border-color: @blue;
                background-color: @blue;
            }
        }
    }
    &.ui-button-blue {
        .button;
    }
    &.ui-button-normal {
        .button;
    }
    &.ui-button-large {
        height: 50px;
        font-size: 16px;
    }
}

.ui-item {
    position: relative;
    .ui-err {
        position: absolute;
        left: 0;
        bottom: -17px;
        z-index: 0;
        .s-err {
            position: static;
            border: none;
            background: none;
            padding: 0;
            height: auto;
            line-height: normal;
        }
    }
    .ui-input {
        &.s-err {
            border-color: red;
        }
    }
}

.ui-label {
    &.ui-label-normal {
        width: 70px;
    }
}

.ui-imitselect {
    border-radius: 0;
    height: 33px;
    dt {
        padding-left: 10px;
        strong {
            line-height: 33px;
            &.s-def {
                color: #ccc;
            }
        }
        i {
            top:11px;
        }
    }
    dd {
        border-radius: 0;
        padding-top: 3px;
        background: none;
        border: none;
        ul {
            position: relative;
            left: 2px;
            border: 1px solid #ccc;
            background-color: #fff;
            li {
                height: 35px;
                line-height: 35px;
                padding-left: 15px;
                &.s-crt {
                    background-color: #F5F5F5;
                }
            }
        }
    }
    &.ui-imitselect-drowdown {
        .ui-imitselect-btn {
            em {
                font-size: inherit;
                line-height: normal;
                border: none;
                left:0;
                &.prev {
                    bottom:auto;
                    top:3px;
                }
                &.next {
                    top:auto;
                    bottom:-5px;
                }
                s {
                    font-size: 16px;
                }
                &.s-dis {
                    cursor: default;
                    color: #d0d0d0;
                }
            }
        }
    }
}

.nui-layer {
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    .layer-box {
        border-color: #E6E6E6;
        border-radius: 0;
    }
    .layer-head {
        height: 35px;
        line-height: 35px;
        background: none;
    }
    .layer-foot {
        height:30px;
        .ui-button {
            min-width: 80px;
            border-radius: 0;
        }
    }
    &.layer-position {
        .layer-bubble {
            left:auto;
            right:7px;
            top:-14px;
            i, b {
                left: auto;
                right: 0;
                border-width:7px;
            }
            b {
                border-bottom-color:#E6E6E6;
            }
            i {
                border-bottom-color:#fff;
            }
        }
        &.bubble-left {
            .layer-bubble {
                left:20px;
                right:auto;
                i, b {
                    left: 0;
                }
            }
        }
    }
}

.m-list {
    .list-item {
        border-bottom: 1px solid #E6E6E6;
        a {
            display: block;
            height: 35px;
            line-height: 35px;
            padding-left: 10px;
            overflow: hidden;
            &:hover {
                background-color: #F5F5F5;
                color: #323232;
            }
        }
        &:last-child {
            border-bottom:none;
        }
    }
}

.nui-datagrid .table-tbody .table-row {
    &.s-hover {
        background-color: #F1F1F1;
    }
    &.s-crt {
        background-color: #FAF6C3 !important;
    }
} 

.nui-datagrid {
    .ui-table {
        .table-cell {
            height: 29px;
            padding: 3px 0;
            &.f-tal {
                text-align: left;
            }
            &.bln {
                border-left:none;
            }
            &.brn {
                border-right:none;
            }
            &.e-p0 {
                padding: 0;
            }
            .datagrid-input {
                height: 27px;
                line-height: 27px;
            }
        }
    }
    .datagrid-paging {
        height: 35px;
        padding: 15px 0;
    }
    .ui-paging {
        margin-right: 10px
    }
    .ui-paging-number {
        margin-right: 20px;
    }

    .table-cell-void {
        border:none;
        .ui-void {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -65px 0 0 -70px;
            padding-top: 110px;
            width: 139px; 
            background: url("../images/void.png?v=9fadfda") no-repeat;
            color: #969696;
        }
    }
}

.ui-paging li { 
    margin-right:10px; 
    line-height:35px;
    input {
        width: 53px;
        height: 33px;
        border:1px solid #E6E6E6;
        margin: 0 10px;
    }
    button {
        display: none;
    }
}
.ui-paging span,.ui-paging a { 
    height:33px; 
    width:33px;
}
.ui-paging span.s-crt { 
    background-color: #F5A623;
}
.ui-paging-number {
    .text {
        line-height: 35px;
    }
    .ui-imitselect {
        margin: 0 10px;
    }
}

.ui-suggest {
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    .ui-suggest-list li.s-crt {
        background-color: #F5F5F5;
    }
}
